<template>
  <div class="UpdateArticle_main_box_css">
    <v-md-editor v-model="context" height="100%" :toolbars="toolbars" @save="savetest"></v-md-editor>
    <!-- <mavon-editor
                 class="md"
                :value="articleDetail"
                :subfield = "prop.subfield"
                :defaultOpen = "prop.defaultOpen"
                :toolbarsFlag = "prop.toolbarsFlag"
                :editable="prop.editable"
                :scrollStyle="prop.scrollStyle"
                :navigation="prop.navigation"
             ></mavon-editor> -->
  </div>
</template>

<script>
    export default {
        data(){
            return{
                context: ' ',//输入的数据,
                addOrderVisible: false,
                toolbars: {
                    bold: true, // 粗体
                    italic: true, // 斜体
                    header: true, // 标题
                    underline: true, // 下划线
                    mark: true, // 标记
                    superscript: true, // 上角标
                    quote: true, // 引用
                    ol: true, // 有序列表
                    link: true, // 链接
                    imagelink: true, // 图片链接
                    help: true, // 帮助
                    code: true, // code
                    subfield: true, // 是否需要分栏
                    fullscreen: true, // 全屏编辑
                    readmodel: true, // 沉浸式阅读
                    /* 1.3.5 */
                    undo: true, // 上一步
                    trash: true, // 清空
                    save: true, // 保存（触发events中的save事件）
                    /* 1.4.2 */
                    navigation: true // 导航目录
                },
            }
        },
        computed: {
            prop () {
            let data = {
                subfield: false,// 单双栏模式
                defaultOpen: 'preview',//edit： 默认展示编辑区域 ， preview： 默认展示预览区域 
                editable: false,
                toolbarsFlag: false,
                scrollStyle: true,
                navigation: true
            }
            return data
            }
        },
        methods:{
            savetest(){
                console.log(this.context)
            }
        }
    }
</script>
<style>
    .UpdateArticle_main_box_css{
        width: 100%;
        height: 112%;
    }
</style>